{% include "header.html" %}
  <!-- Page Name -->
  <div id="page-name">
	  <div class="row">
	    <div class="twelve columns">
	      <h1>Cartilha</h1>
	    </div>
	  </div>
  </div>
  
  
  <!-- Main Page Content and Sidebar -->

  <div class="row">

    <!-- Page Details -->
    <section class="eight columns">

      <article class="page">
	      <h2>Lorem ipsum dolor sit amet</h2>
	      <img class="left cartilha" src="{{ MEDIA_URL }}images/cartilha.jpg" />
	      <p class="txt-cartilha">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacus ligula, venenatis nec ultricies tristique, mattis ut dui. Praesent a hendrerit orci. Vivamus hendrerit aliquaodio, dapibus eget porttitor ac</p>
	      <a href="#" class="small button"><i class="foundicon-inbox"></i> Baixar Cartilha (PDF)</a>
      </article>

    </section>

    <!-- End Contact Details -->


    <!-- Sidebar -->
    
    <aside class="four columns">

	    <div class="side-box">
	      <h5>Não consegue visualizar?</h5>
	      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus velit eget</p>
	      <a href="#" class="small button"><i class="foundicon-inbox"></i> Download Acrobat Reader</a>
	    </div>
    
    </aside>

    <!-- End Sidebar -->
  </div>

  <!-- End Main Content and Sidebar -->
{% include "footer.html" %}